// 主图  
.main-pic{
    width: 100%;
    height: 3.75rem;
    background: url(../images/pic/commodity/01.png) no-repeat;
    background-size: 100% 100%;
}

  
// 详情介绍
.detail{
    width: 100%;
    background-color: #f2f2f2;
    padding-bottom: 1rem;
    .inner{
        width: 100%;
        .first{
            width: 100%;
            padding: .1rem 0rem;
            background-color: #fff;
            .wrap{
                width: 3.55rem;
                margin: 0 auto;
                display: flex;
                justify-content: space-between;
                align-items: center;
                flex-wrap: wrap;
                .wz1{
                    span:nth-child(1){
                        font-size: .2rem;
                        color:#FF6040;
                    }
                    span:nth-child(2){
                        font-size: .14rem;
                        color:#999999;
                        text-decoration:line-through;
                    }
                }
               
                .icon{
                    display: flex;
                    flex-direction: column;
                    text-align: center;
                    .icon-shoucang1{
                        display: block;
                        font-size: .1rem;
                        color:#FF6040;
                        transform: scale(.8);
                    }
                    div{
                        font-size: .1rem;
                        transform: scale(.8);
                        color:#FF6040;
                    }
                }
    
                p:nth-child(3){
                    color: #333;
                    font-size: .16rem;
                  }
                  p:nth-child(4){
                      color:#999999;
                      font-size: .14rem;
                  }
                  .f2{
                      display: inline-block;
                      padding: 0 .05rem;
                      background-color: #FF8066;
                      color:#fff;
                      text-align: center;
                      font-size: .1rem;
                      margin: .1rem 0;
                  }
                  .f3{
                      width: 3.55rem;
                      height: .2rem;
                      white-space: nowrap;
                      line-height: .2rem;
                      background-color: #F2F2F2 ;
                      color:#999999;
                      margin-bottom: .05rem;
                      display: flex;
                      justify-content: space-between;
                      .sp11{
                      width: 3.1rem;
                      height: .2rem;
                      font-size: .1rem;
                      transform: scale(.83);
                      transform-origin: left;
                      }
                      a{
                          height: .2rem;
                          color:#FF6040 ;
                          font-size: .12rem;
                          transform: scale(.83);
                          text-decoration: none;
                          span{
                            height: .2rem;
                          }
                          .icon-arrowR{
                              display: inline-block;
                              font-size: .12rem;
                              transform: scale(.83);
                          }
                      }
                      
                  }
            }
            
        }


        .second{
            width: 100%;
            background-color: #fff;
            margin-top: .1rem;
            padding-bottom: .1rem;
            // 为什么用新盒模型，也会溢出padding
            // padding-left: .1rem;
            .inner{
                width: 3.75rem;
                margin: 0rem auto;
                .s1{
                    width: 3.75rem;
                    height: .5rem;
                    display: flex;
                    padding-top: .25rem;
                     span{
                        display: inline-block;
                        margin-top: -.03rem;
                        width: .4rem;
                        margin-right: .2rem;
                        margin-left: .12rem;
                        font-size: .12rem;
                    }
                    .r-discount{
                        display: flex;
                        width: 100%;
                        border-bottom: 1px solid #CCCCCC ;
                        margin-top: -.03rem;
                        div{
                            // width:.60rem;
                            height: .22rem;
                            padding: 0px 0.1rem;
                            font-size: .12rem;
                            background: url(../images/pic/label/commodity/coupon/full.png) no-repeat; 
                            background-size: 100% 100%;
                            margin-right: .1rem;
                            text-align: center;
                            line-height: 0.22rem;
                        }
                     
                    }
                }
                .s2{
                    width: 3.75rem;
                    height: .5rem;
                    display: flex;
                    padding-top: .25rem;
                     .fq{
                        display: inline-block;
                        width: .4rem;
                        margin-right: .2rem;
                        margin-left: .12rem;
                        font-size: .12rem;
                    }
                    div{
                        display: flex;
                        width: 100%;
                        justify-content: space-between;
                        border-bottom: 1px solid #CCCCCC ;
                        span{
                            font-size: .12rem;
                            color:#666666;
                        }
                        .icon-arrowR{
                            font-size: .12rem;
                        }
                    }
                }
            }
        }
    }
}

// 新固定栏
.nav-fix{
    position: fixed;
    bottom: 0;
    width: 100%;
    height: .83rem;
    background: #FFFFFF;
    box-shadow: 0 -5px 10px 0 rgba(204,204,204,0.20), 0 0 0 0 #CCCCCC;
    .inner{
        width: 100%;
        margin: 0 auto;
        height: .83rem;
        display: flex;
        background: url(../images/Bars/HomeIndicator/iPhone/LightPortrait3x.png) no-repeat;
        background-size: 1.34rem .34rem;
        background-position: center bottom;
        padding-top: .1rem;
        .top{
            width: 100%;
            height: .39rem;
            display: flex;
            a{
                width:100%;
                height: 100%;
                color:#999999;
                text-decoration: none;
                display: flex;
                flex-direction:column;
                align-items: center;
              
                img{
                    width: .18rem;
                    height: .2rem;
                }
                span{
                    font-size: .1rem;
                    transform: scale(.8);
                }
            }


            form{
                display: flex;
                input{
                    display: block;
                    width: 1.1rem;
                    height: .49rem;
                    padding: 0;
                    margin: 0;
                    border-radius: 0rem;
                    border: none;
                    font-size: .12rem;
                }
                .input1{
                    background-color: #FFCC66;
                    color:#663014;
                }
                .input2{
                    background-color: #FF6040;
                    color:#fff;
                }
            }
        }
     
    }
  
}
